<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>Blandes - Portfolio Style 4</title>
<link rel="stylesheet" href="./css/layout.css" type="text/css" />
<link rel='stylesheet' id='rs-settings-css'  href='css/settings.css' type='text/css' media='all' />
<link rel='stylesheet' id='rs-captions-css'  href='css/captions.css' type='text/css' media='all' />
<link rel="stylesheet" href="./css/main.css" type="text/css" />
<link rel="stylesheet" href="./css/shortcodes.css" type="text/css" />
<link rel="stylesheet" href="./css/icons.css" type="text/css" />
<link rel="stylesheet" href="./css/flexslider.css" type="text/css" />
<link rel="stylesheet" href="./css/responsive.css" type="text/css" />
<script type="text/javascript" src="./js/jquery.js"></script>
<script type='text/javascript' src='./js/jquery.themepunch.revolution.min.js'></script>
</head>

<body class="responsive">

<!-- mobile menu Starts Here-->
<div id="mobile_navigation">
  <ul id="mobile_menu" class="mobile_menu">
    <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2597"><a href="#">Home</a>
      <ul class="sub-menu">
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2591"><a href="index.html">Homepage Layout 1</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2587"><a href="home_v2.html">Homepage Layout 2</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2588"><a href="home_v3.html">Homepage Layout 3</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2589"><a href="home_v4.html">Homepage Layout 4</a></li>
      </ul>
    </li>
    <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2596"><a href="#">Pages</a>
      <ul class="sub-menu">
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2592"><a href="about_us.html">About Us</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2594"><a href="services.html">Services</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2612"><a href="pricing_table.html">Pricing Table</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2611"><a href="contact_us.html">Contact Us</a></li>
      </ul>
    </li>
    <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2598"><a href="#">Blog</a>
      <ul class="sub-menu">
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2599"><a href="blog_grid.html">Blog Grid</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2753"><a href="blog_timeline.html">Blog timeline</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2600"><a href="blog_standard.html">Blog Standard</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2615"><a href="blog_full_width.html">Blog Full Width</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2602"><a href="blog_full_width_alternate.html">Full Width Alternate</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2752"><a href="blog_single.html">Blog Detail Page</a></li>
      </ul>
    </li>
    <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2603 current-menu-parent"><a href="#">Portfolio</a>
      <ul class="sub-menu">
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2607"><a href="portfolio_style1.html">Portfolio style 1</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2604"><a href="portfolio_style2.html">Portfolio style 2</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2605"><a href="portfolio_style3.html">Portfolio Style 3</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2606  current-menu-item"><a href="portfolio_style4.html">Portfolio style 4</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2608"><a href="single_portfolio.html">Portfolio Detail Page</a></li>
      </ul>
    </li>
    <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2614"><a href="shortcodes.html">Shortcodes</a></li>
    <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2586"><a href="contact_us.html">Contact Us</a></li>
  </ul>
</div>

<!-- End Mobile Navigation -->

<div id="header_space"></div>
<header id="header">
  <section id="main_header_container">
    <div id="main_navigation">
      <div class="container">
        <div class="row-fluid">
          <div class="row-fluid">
            <div class="span12"> 
               <!-- logo -->
               <div class="logo-container"> <a href="#" id="logo" class="clearfix"><img src="images/logo.png" alt="Blandes"/></a> </div>
              <div id="toggle-menu"> <a class="toggle-menu" href="#"><i class="icon-list2"></i></a>
                <div class="clear"></div>
              </div>
              <div id="header-search-button"><a href="#"  class="search-button"><i class="icon-blandes-search"></i></a></div>
              <ul id="main_menu" class="main_menu">
                <li id="menu-item-2597" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2597 "><a href="#">Home</a>
                  <ul class="sub-menu">
                    <li id="menu-item-2591" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2591"><a href="index.html">Homepage Layout 1</a></li>
                    <li id="menu-item-2587" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2587"><a href="home_v2.html">Homepage Layout 2</a></li>
                    <li id="menu-item-2588" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2588"><a href="home_v3.html">Homepage Layout 3</a></li>
                    <li id="menu-item-2589" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2589"><a href="home_v4.html">Homepage Layout 4</a></li>
                  </ul>
                </li>
                <li id="menu-item-2596" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2596 "><a href="#">Pages</a>
                  <ul class="sub-menu">
                    <li id="menu-item-2592" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2592"><a href="about_us.html">About Us</a></li>
                    <li id="menu-item-2594" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2594"><a href="services.html">Services</a></li>
                    <li id="menu-item-2612" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2612"><a href="pricing_table.html">Pricing Table</a></li>
                    <li id="menu-item-2611" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2611"><a href="contact_us.html">Contact Us</a></li>
                  </ul>
                </li>
                <li id="menu-item-2598" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2598"><a href="#">Blog</a>
                  <ul class="sub-menu">
                    <li id="menu-item-2599" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2599"><a href="blog_grid.html">Blog Grid</a></li>
                    <li id="menu-item-2753" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2753"><a href="blog_timeline.html">Blog Timeline</a></li>
                    <li id="menu-item-2600" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2600"><a href="blog_standard.html">Blog Standard</a></li>
                    <li id="menu-item-2615" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2615"><a href="blog_full_width.html">Blog Full Width</a></li>
                    <li id="menu-item-2602" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2602"><a href="blog_full_width_alternate.html">Full Width Alternate</a></li>
                    <li id="menu-item-2752" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2752"><a href="blog_single.html">Blog Detail Page</a></li>
                  </ul>
                </li>
                <li id="menu-item-2603" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2603 current-menu-parent"><a href="#">Portfolio</a>
                  <ul class="sub-menu">
                    <li id="menu-item-2607" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2607"><a href="portfolio_style1.html">Portfolio style 1</a></li>
                    <li id="menu-item-2604" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2604"><a href="portfolio_style2.html">Portfolio style 2</a></li>
                    <li id="menu-item-2605" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2605"><a href="portfolio_style3.html">Portfolio Style 3</a></li>
                    <li id="menu-item-2606" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2606"><a href="portfolio_style4.html">Portfolio style 4</a></li>
                    <li id="menu-item-2608" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2608"><a href="single_portfolio.html">Portfolio Detail Page</a></li>
                  </ul>
                </li>
                <li id="menu-item-2614" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2614"><a href="shortcodes.html">Shortcodes</a></li>
                <li id="menu-item-2586" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2586"><a href="contact_us.html">Contact Us</a></li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  
  <!-- section search -->
  <section id="header-search-panel">
    <div class="container">
      <div class="row-fluid">
        <div class="search">
          <div>
            <form action="#" id="header-search-form" method="get">
              <a class="close" href="#"><i class="icon-blandes-remove"></i></a>
              <input type="text"  id="header-search" name="s" value="Search" autocomplete="off" />
              <!-- Create a fake search button --> 
              <span class="fake-submit-button"><i class="icon-blandes-search"></i>
              <input type="submit"  name="submit" value="submit" />
              </span>
            </form>
          </div>
        </div>
      </div>
    </div>
  </section>
</header>
<!-- end header -->

<section id="titlebar" class="titlebar">
  <div class="container">
    <div class="row-fluid">
      <h1 class="">Portfolio style 4</h1>
      <div id="breadcrumbs"><span class="breadcrumb-title">You are Here :</span><span><a class="" href="#">Home</a></span><span class="divider"><i class="icon-arrow-right6"></i></span><span><a class="" href="#">Portfolio</a></span><span class="divider"><i class="icon-arrow-right6"></i></span><span>Portfolio Style 4</span></div>
    </div>
  </div>
</section>

<section class="section">
  <div class="container">
    <div class="row-fluid">
      <div class="portfolio-tabs clearfix">
        <ul class="clearfix">
          <li class="active"><a data-filter="*" href="#">All</a></li>
          <li><a data-filter=".animation" href="#">Animation</a></li>
          <li><a data-filter=".architecture" href="#">Architecture</a></li>
          <li><a data-filter=".creative" href="#">Creative</a></li>
          <li><a data-filter=".illustration" href="#">Illustration</a></li>
          <li><a data-filter=".web" href="#">Web</a></li>
        </ul>
      </div>
      <div class="portfolio">
        <ul class="portfolio-items portfolio-style4 filterable-items portfolio-with-padding-yes" data-columns="4">
          <li class="portfolio-item  architecture creative illustration first-row">
            <div class="inner-content">
              <div class="image large hoverlay"><img src="./images/portfolio-large.jpg" alt="simple project with preview image" />
                <div class="overlay"> 
                  <div class="overlay-content"> </div>
                  <div class="info">
                    <h4><a href="#">simple project with  image</a></h4>
                    <h5> <a href="#" rel="tag">Creative</a>, <a href="#" rel="tag">Illustration</a> </h5>
                    <a href="images/portfolio-large.jpg" class="info-icon prettyPhoto"><i class="icon-blandes-arrow"></i></a> <a href="images/portfolio-large.jpg" class="info-icon prettyPhoto"><i class="icon-blandes-arrow"></i></a> </div>
                </div>
              </div>
            </div>
          </li>
          <li class="portfolio-item  illustration web  first-row">
            <div class="inner-content">
              <div class="image medium hoverlay"><img src="./images/portfolio-medium.jpg" alt="simple project with preview video" />
                <div class="overlay"> 
                  <div class="overlay-content"> </div>
                  <div class="info">
                    <h4><a href="#">simple project with  video</a></h4>
                    <h5><a href="#" rel="tag">Illustration</a>, <a href="#" rel="tag">Web</a> </h5>
                    <a href="images/portfolio-large.jpg" class="info-icon prettyPhoto"><i class="icon-blandes-arrow"></i></a> </div>
                </div>
              </div>
            </div>
          </li>
          <li class="portfolio-item  architecture creative">
            <div class="inner-content">
              <div class="image hoverlay long"><img src="./images/portfolio-long.jpg" alt="simple project with gallery" />
                <div class="overlay"> 
                  <div class="overlay-content"> </div>
                  <div class="info">
                    <h4><a href="#">simple project with gallery</a></h4>
                    <h5><a href="#" rel="tag">Architecture</a>, <a href="#" rel="tag">Creative</a> </h5>
                    <a href="images/portfolio-large.jpg" class="info-icon prettyPhoto"><i class="icon-blandes-arrow"></i></a> </div>
                </div>
              </div>
            </div>
          </li>
          <li class="portfolio-item  illustration web first-row ">
            <div class="inner-content">
              <div class="image medium hoverlay"><img src="./images/portfolio-medium.jpg" alt="simple project with image" />
                <div class="overlay"> 
                  <div class="overlay-content"> </div>
                  <div class="info">
                    <h4><a href="#">simple project with image</a></h4>
                    <h5><a href="#" rel="tag">Illustration</a>, <a href="#" rel="tag">Web</a> </h5>
                    <a href="images/portfolio-large.jpg" class="info-icon prettyPhoto"><i class="icon-blandes-arrow"></i></a> </div>
                </div>
              </div>
            </div>
          </li>
          <li class="portfolio-item  architecture illustration  last-row">
            <div class="inner-content">
              <div class="image wide hoverlay"><img src="./images/portfolio-wide.jpg" alt="adipiscing nisi in nulla ornare" />
                <div class="overlay"> 
                  <div class="overlay-content"> </div>
                  <div class="info">
                    <h4><a href="#">adipiscing nisi  nulla ornare</a></h4>
                    <h5><a href="#" rel="tag">Architecture</a>, <a href="#" rel="tag">Illustration</a> </h5>
                    <a href="images/portfolio-large.jpg" class="info-icon prettyPhoto"><i class="icon-blandes-arrow"></i></a> </div>
                </div>
              </div>
            </div>
          </li>
          <li class="portfolio-item  animation architecture  last-row">
            <div class="inner-content">
              <div class="image large hoverlay"><img src="./images/portfolio-large.jpg" alt="consectetur adipiscing  Nulla posuere" />
                <div class="overlay"> 
                  <div class="overlay-content"> </div>
                  <div class="info">
                    <h4><a href="#">consectetur adipiscing  Nulla </a></h4>
                    <h5><a href="#" rel="tag">Animation</a>, <a href="#" rel="tag">Architecture</a> </h5>
                    <a href="images/portfolio-large.jpg" class="info-icon prettyPhoto"><i class="icon-blandes-arrow"></i></a> </div>
                </div>
              </div>
            </div>
          </li>
          <li class="portfolio-item  animation illustration  last-row">
            <div class="inner-content">
              <div class="image medium hoverlay"><img src="./images/portfolio-medium.jpg" alt="Duis non erat arcu  quis auctor" />
                <div class="overlay"> 
                  <div class="overlay-content"> </div>
                  <div class="info">
                    <h4><a href="#">Duis non erat arcu   auctor</a></h4>
                    <h5><a href="#" rel="tag">Animation</a>, <a href="#" rel="tag">Illustration</a> </h5>
                    <a href="images/portfolio-large.jpg" class="info-icon prettyPhoto"><i class="icon-blandes-arrow"></i></a> </div>
                </div>
              </div>
            </div>
          </li>
          <li class="portfolio-item creative  last-row">
            <div class="inner-content">
              <div class="image medium hoverlay"><img src="./images/portfolio-medium.jpg" alt="Velit sit amet purus" />
                <div class="overlay"> 
                  <div class="overlay-content"> </div>
                  <div class="info">
                    <h4><a href="#">Velit sit amet purus</a></h4>
                    <h5><a href="#" rel="tag">Architecture</a> , <a href="#" rel="tag">Creative</a> </h5>
                    <a href="images/portfolio-large.jpg" class="info-icon prettyPhoto"><i class="icon-blandes-arrow"></i></a> </div>
                </div>
              </div>
            </div>
          </li>
          <li class="portfolio-item  creative  last-row">
            <div class="inner-content">
              <div class="image long hoverlay"><img src="./images/portfolio-long.jpg" alt="Velit sit amet purus" />
                <div class="overlay"> 
                  <div class="overlay-content"> </div>
                  <div class="info">
                    <h4><a href="#">Velit sit amet purus</a></h4>
                    <h5><a href="#" rel="tag">Architecture</a> , <a href="#" rel="tag">Creative</a> </h5>
                    <a href="images/portfolio-large.jpg" class="info-icon prettyPhoto"><i class="icon-blandes-arrow"></i></a> </div>
                </div>
              </div>
            </div>
          </li>
          <li class="portfolio-item  animation illustration  last-row">
            <div class="inner-content">
              <div class="image large  hoverlay"><img src="./images/portfolio-large.jpg" alt="Duis non erat arcu  quis auctor" />
                <div class="overlay"> 
                  <div class="overlay-content"> </div>
                  <div class="info">
                    <h4><a href="#">Duis non erat arcu   auctor</a></h4>
                    <h5><a href="#" rel="tag">Animation</a>, <a href="#" rel="tag">Illustration</a> </h5>
                    <a href="images/portfolio-large.jpg" class="info-icon prettyPhoto"><i class="icon-blandes-arrow"></i></a> </div>
                </div>
              </div>
            </div>
          </li>
          <li class="portfolio-item  architecture creative first-row ">
            <div class="inner-content">
              <div class="image medium hoverlay"><img src="./images/portfolio-medium.jpg" alt="simple project with gallery" />
                <div class="overlay"> 
                  <div class="overlay-content"> </div>
                  <div class="info">
                    <h4><a href="#">Mauris posuere aliquet arcu</a></h4>
                    <h5><a href="#" rel="tag">Architecture</a>, <a href="#" rel="tag">Creative</a> </h5>
                    <a href="images/portfolio-large.jpg" class="info-icon prettyPhoto"><i class="icon-blandes-arrow"></i></a> </div>
                </div>
              </div>
            </div>
          </li>
          <li class="portfolio-item  illustration web first-row ">
            <div class="inner-content">
              <div class="image medium hoverlay"><img src="./images/portfolio-medium.jpg" alt="simple project with image" />
                <div class="overlay"> 
                  <div class="overlay-content"> </div>
                  <div class="info">
                    <h4><a href="#">Nam vitae sem eget </a></h4>
                    <h5><a href="#" rel="tag">Illustration</a>, <a href="#" rel="tag">Web</a> </h5>
                    <a href="images/portfolio-large.jpg" class="info-icon prettyPhoto"><i class="icon-blandes-arrow"></i></a> </div>
                </div>
              </div>
            </div>
          </li>
        </ul>
      </div>
      <div class="row-fluid page-nav-container">
        <div class="span8">
          <div class="page-nav"><span class="active">1</span><span><a href="#">2</a></span><span><a href="#">3</a></span><span><a href="#">4</a></span></div>
        </div>
        <div class="span4">
          <div class="page-nav-info">Page 1 of 4</div>
        </div>
      </div>
      <div class="gap"></div>
    </div>
  </div>
</section>
<footer id="footer">
  <div class="container">
    <div class="row-fluid">
      <div class="widget span3"> <img src="images/logo_white.png" width="97" height="16" alt="Blandes">
        <div class="gap"></div>
        <p>Lid est laborum dolo rumes fuga untras Etharums ser quidem rerum faci dolores nemis omnis fugats vitaes nemo minima Sed ut perspiciatis </p>
        <p> totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo </p>
      </div>
      <div id="recent-posts-3" class="widget widget_meta widget_recent_entries span3">
        <h4>Recent posts</h4>
        <ul>
          <li> <a href="http://localhost/lautus/?p=2355" title="In massa turpis ornare nec commodo">In massa turpis ornare nec commodo</a> <span class="post-date">July 1, 2013</span> </li>
          <li> <a href="http://localhost/lautus/?p=2346" title="Mauris vestibulum neque">Mauris vestibulum neque</a> <span class="post-date">July 1, 2013</span> </li>
          <li> <a href="http://localhost/lautus/?p=2343" title="sed aliquam justo dolor">Sed aliquam justo dolor</a> <span class="post-date">July 1, 2013</span> </li>
        </ul>
      </div>
      <div id="nav_menu-2" class="widget widget_meta widget_twitter span3">
        <h4>Recent Tweets</h4>
        <div class="recent-tweets">
          <ul>
            <li><span>Nemo enim ipsam voluptatem <a href="#">http://t.co/255sds4r5d</a> sit  aut odit sed <a href="#">http://t.co/255sds4r5d</a></span><br>
              <a class="" href="#">2 days ago</a></li>
            <li><span><a href="#">@lorel </a>Nemo enim ipsam <a href="#">http://t.co/255sds4r5d</a> aut odit</span><br>
              <a class="" href="#">9 days ago</a></li>
          </ul>
        </div>
      </div> <div id="portfolio-widget-2" class="widget widget_meta portfolios span3">
        <h4>Recent Work</h4>
        <div class="recent-works-items clearfix"> <a href="#" title="simple project with preview image" class="hoverborder"> <img width="80" height="80" src="images/portfolio_thumbnail.jpg" class="attachment-mini wp-post-image" alt="photo_01_v011" /> </a> <a href="#" title="simple project with preview video" class="hoverborder"> <img width="80" height="80" src="images/portfolio_thumbnail.jpg" class="attachment-mini wp-post-image" alt="photo_03_v011" /> </a> <a href="#" title="simple project with gallery" class="hoverborder"> <img width="80" height="80" src="images/portfolio_thumbnail.jpg" class="attachment-mini wp-post-image" alt="photo_08_v011" /> </a> <a href="#" title="simple project with image" class="hoverborder"> <img width="80" height="80" src="images/portfolio_thumbnail.jpg" class="attachment-mini wp-post-image" alt="photo_12_v011" /> </a> <a href="#" title="adipiscing nisi in nulla ornare" class="hoverborder"> <img width="80" height="80" src="images/portfolio_thumbnail.jpg" class="attachment-mini wp-post-image" alt="photo_20_v01" /> </a> <a href="#" title="consectetur adipiscing  Nulla posuere" class="hoverborder"> <img width="80" height="80" src="images/portfolio_thumbnail.jpg" class="attachment-mini wp-post-image" alt="Mountain bike" /> </a> </div>
      </div>
    </div>
  </div>
</footer>
<section id="copyright">
  <div class="container">
    <div class="row-fluid">
      <div class="row-fluid">
        <div class="copyright-text span4 pull-left"> blandus v1.0 by <a href='http://themeforest.net/user/bradweb'>bradwebs</a> </div>
        <div class=" textright span8 clearfix">
          <ul class="social-icons clearfix">
            <li> <a  class="twitter" href="http://www.twitter.com/#" target="_blank" title="Twitter"> <i class="icon-twitter"></i> </a> </li>
            <li> <a  class="flickr" href="#" target="_blank" title="Flickr"> <i class="icon-flickr"></i> </a> </li>
            <li> <a class="facebook" href="#" target="_blank" title="Facebook"> <i class="icon-facebook"></i> </a> </li>
            <li> <a class="dribbble" href="#" target="_blank" title="Dribbble"> <i class="icon-dribbble"></i> </a> </li>
            <li> <a class="linkedin" href="#" target="_blank" title="LinkedIn"> <i class="icon-linkedin"></i> </a> </li>
            <li> <a class="youtube" href="#" target="_blank" title="YouTube"> <i class="icon-youtube"></i> </a> </li>
            <li> <a class="rss" href="http://localhost/lautus/?feed=rss2" target="_blank" title="RSS"> <i class="icon-rss"></i> </a> </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- Javascript Files --> 
<script type="text/javascript" src="./js/plugins.js"></script> 
<script type="text/javascript" src="./js/caroufred.js"></script> 
<script type="text/javascript" src="./js/flexslider.js"></script> 
<script type="text/javascript" src="./js/isotope.js"></script> 
<script type="text/javascript" src="./js/main.js"></script>
</body>
</html>